﻿/**
 * @author languid
 *
 * The stylesheet for Asiainfo -| - reset
 *						  | - coustom
 *	
 *
 * Layout info:
 *
/******* using reset.mini.YUI3 *******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* coustom.style.zybox */
.fl { float: left;} .fr { float:right;} .cl { clear:both; } .ar { text-align:right!important;} .al { text-align:left!important;} .ac { text-align: center!important;} .sp-20 { font-size: 0; padding-top: 20px; } .sp-10 { font-size: 0; padding-top: 10px;}

body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #666; }
a:hover { color: blue; }
.text { border: 1px solid #CCC; padding: 2px; }

.logo { position: absolute; left: 20px; top: 40px; font-size: 30px; z-index: 2; }

.main { position: relative; }
.loginLayer { width: 500px; height: 100px; position: absolute; left: 50%; margin-left: -250px; top:  130px; }
	.loginLayer .des {border-right: 1px solid #CCC; }
	.loginLayer dt, .loginLayer dd { float: left; width: 80px; padding: 5px; }
	.loginLayer dt { text-align: right; font-size: 14px; font-weight: bold; }
	.loginLayer dd { width: 200px; }
	.loginLayer input.text { width: 180px; }

.admin-layout .header { z-index: 10; position: absolute; top: 0; left: 0; background: url(img/bg-toolbar.gif) repeat-x; width: 100%; }
	#nav li { padding: 0 10px; float: left; background: url(img/sp-toolbar.gif) no-repeat right center; line-height: 26px; position: relative; }
	#nav li.current { background-color: #eee; }
	#nav li.last { background: none; }
		#nav .snav, #nav .ssnav { position: absolute; border-top: 1px solid #CCC; display: none; }
		#nav .snav li, #nav .ssnav li { float: none; position: relative; padding: 0; background: none; border: 1px solid #CCC; border-top: none; width: 200px; word-break: break-all; word-wrap: break-word; }
		#nav .snav li a, #nav .ssnav li a { display: block; height: 100%; padding: 0 10px; background: #f9f9f9; }
			#nav .snav li a:hover, #nav .ssnav li a:hover { background: #efefef; }
		#nav .snav { top: 25px; left: 0; }
		#nav .ssnav { top: -1px; left: 100%; }
	#logout { position: absolute; right: 10px; top: 6px; }

.main { margin-top: 90px; padding: 10px 0; background: url(img/bg-main.gif) repeat-x 0 41px; }
	.list-page #right { margin-left: 0; }
	
	h1.title { font-size: 16px; padding: 10px 0 15px 0; color: #333; font-weight: bold; border-bottom: 1px solid #eeeeee; margin-bottom: 20px; }
	#right { margin-left: 220px; border: 1px solid #d3d3d3; border-right: none; padding-bottom: 100px; }
		.breadcrumb { height: 30px; line-height: 30px; padding-left: 25px; background: #f4f4f4; }
		#content { padding: 10px 25px; }
		
		div.form-item { margin-bottom: 15px; }
			div.form-item label { display: block; color:#000; font-weight: bold; }
			input.form-text, .form-select, .form-file, div.checkbox { margin: 5px 0; width: 90%; }
			span.form-required { font-weight: bold; color: #009beb; }
			div.description { color: #ccc; }
			div.checkbox input { margin: 0 2px; }
	
	.list table { width: 100%; background: #ccc; table-layout:fixed; }
	.list td, .list th { text-align: center; }
	.list th { background: #e8e8e8; line-height: 30px; color: #333; font-weight: bold; }
	.list tr { background: #FFF; }
	.list td { height: 30px; }	
	.list td a { color: #1993d3; text-decoration: underline; }
	
	.column-2 table th, .column-2 table td { width: 50%; word-wrap: break-word; word-break:break-all; }
	
.footer { text-align: center; padding: 10px 0; }	

  .con_right{ float: left;margin: 20px 0 ; width: 430px;}
  .con_right p{ color: #666666; padding: 6px 0 0; }
.con_right p img{vertical-align: text-bottom;}
 .uploadpic
        {
            background: none repeat scroll 0 0 #F5F5F5;
            border: 1px solid #999999;
            cursor: pointer;
            float: left;
            height: 40px;
            margin: 10px 12px 0 0;
            position: relative;
            text-align: center;
            width: 40px;
        }
 .uploadpic .del_pic
        {
            background: none repeat scroll 0 0 #7C5A3A;
            bottom: 0;
            color: #FFFFFF;
            cursor: pointer;
            font-size: 12px;
            height: 15px;
            left: 0;
            line-height: 1.2;
            position: absolute;
            text-align: center;
            width: 40px;
        }